/**  1. 路由跳转后（微信扫码登录会有code参数在地址上传过来），右侧对应tab选项高亮，
 *  
 */
$(function () {
 
    // 滚动条到一定位置，头部固定在浏览器上方
    $(window).scroll(function () {
        //获取滚动条的滑动距离
        var scroH = $(this).scrollTop();
        // console.log(scroH);
        //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定
        if (scroH > 60) {
            $(".header").css({
                "position": "fixed",
                'background-color': 'hsla(0,0%,100%,.8)'
            });
        } else if (scroH <= 60) {
            $(".header").css({
                "position": "relative",
                'top': '0'
            });
        }
    });
    //  ##########头部导航栏点击选中添加样式  
    // 因为a标签跳转所以使用location.href实现
    var url = location.href;
    // 因为多了一个微信扫码，跳转courseware页面时，会带code参数，所以要先判断
    if (url.lastIndexOf("?") != -1) {
        // console.log(url.lastIndexOf("?"),url.lastIndexOf("/"))
        var currentUrl = "." + url.substring(url.lastIndexOf("/"), url.lastIndexOf("?"));
        // console.log(currentUrl +"-----", url);
        console.log(currentUrl);
        $(".Hnav").find("a").each((idx, item) => {
            // console.log(item)
            if ($(item).attr("href") === currentUrl) {
                $(item).parent().addClass("active");
            }
        })
    } else {
        var currentUrl = "." + url.slice(url.lastIndexOf("/"));
        // console.log(currentUrl +"-----", url);
        $(".Hnav").find("a").each((idx, item) => {
            if ($(item).attr("href") === currentUrl) {
                $(item).parent().addClass("active");
            }
        })
    }
    // console.log(url.length);
    if (url.length == 23) { //url.length == http://t.kexuemihe.com/
        $(".Hnav li:first-child").addClass("active")
    }
    // 点击窗口的X，将弹窗隐藏
    $(".loginDialog .close img").click(function () {
        $(".loginDialog").css("display", "none")
    });
    //点击登录或注册 显示登录窗口
    $(".header .Hright .logAfterHide").click(function () {
        $(".loginDialog").show(300);
        // let remPwdUserinfo = Cookies.get('remPwdUserinfo');
        // // console.log(remPwdUserinfo);
        // if (remPwdUserinfo) {
        //     console.log("记住密码了");
        //     $("#logUserTel").val(JSON.parse(remPwdUserinfo).mobile);
        //     $("#logUserPwd").val(JSON.parse(remPwdUserinfo).password);
        // } else {
        //     console.log("shibai");
        // }
    })
    // 如果缓存中有userinfo表示用户已经登录，将登录注册改变
    let userinfo = extendLocalStorage.get("userinfo");
    if (userinfo) {
        $(".logAfterHide").css("display", "none");
        $(".Hright .loginAfter").removeClass("dn")
        $(".Hright .loginAfter").prepend('<img src=' + userinfo.avatar + '>')
    } else {
        console.log("存储用户时间到期了");
        $(".logAfterHide").css("display", "block");
        $(".Hright .loginAfter").addClass("dn");
        $(".loginDialog").show(200);
    }
    $(".loginAfter").click(function () {
        $(".enterLogin").toggle(100);
    })
    // 用来进入页面判断是否用户已选择机构，已选择则头部加载机构
    // let curOrgan = JSON.parse(localStorage.getItem("curOrgan"));
    if (userinfo) {
        let curOrgan = extendLocalStorage.get("curOrgan");
        // console.log(curOrgan);
        if (curOrgan) {
            $(".Hleft a").empty();
            $(".showKXXHB span").text(curOrgan.name);
            $(".Hleft a").append(`<p id="logoText" org_id=${curOrgan.org_id}>${curOrgan.name}</p>`);
        }
    }


    // 点击头像显示下拉框    退出登录
    $("#userExit").click(function () {
        localStorage.removeItem("userinfo");
        localStorage.removeItem("curOrgan");
        $(".loginAfter").css("display", "none");
        $(".logAfterHide").css("display", "block");
        $(".loginDialog").show(200);
    })


    // 点击创建文档，将弹窗显示
    $(".search .createBtn").click(function () {
        $(".dialog").css("opacity", "1");
        $(".dialog").css("z-index", "10");
        $(".dialog").css("left", "0");
    });
    // 点击窗口的X，将弹窗隐藏
    $(".close img").click(function () {
        $(".dialog").css("opacity", "0");
        $(".dialog").css("z-index", "-10");
    });
    // 微信扫码登录加载微信二维码
    var obj = new WxLogin({
        id: "wx_login", //div的id
        appid: "wxcc63fdc2616a1bbf",
        scope: "snsapi_login",
        //我这里重点解释一下这个url啊,编码之前的地址也就是我把二维码放的地址是				https://shujiecaishui.com/finance_system/#/
        redirect_uri: "http%3a%2f%2ft.kexuemihe.com%2findex.html", //回调地址(网上搜urlencode编码,把上面的地址编码之后写在这)
        // state: "", //参数，可带可不带(换绑的时候可以用到,假如1是确认身份,2是换给谁)
        // style: "", //样式  提供"black"、"white"可选，默认为黑色文字描述
        href: "data:text/css;base64,LmltcG93ZXJCb3ggLnFyY29kZXsNCiAgICAgICAgICAgIHdpZHRoOiAxNTBweDsNCiAgICAgICAgfQ0KICAgICAgICAuaW1wb3dlckJveCAuaW5mb3sNCiAgICAgICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICB9DQogICAgICAgIC50aXRsZXsNCiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7DQogICAgICAgIH0NCiAgICAgICAgLnN1Y2N7DQogICAgICAgICAgICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7DQogICAgICAgIH0=" //自定义样式链接，第三方可根据实际需求覆盖默认样式。
    });

    //登录功能页面
    // 扫码登陆
    $(".loginDialog .selTitle #wxLogin").click(function (e) {
        $(this).addClass("active");
        $(".loginDialog .selTitle #telLogin").removeClass("active");
        $(".loginDialog .loginMeth div.common").css("display", "none");
        $(".loginDialog .loginMeth .wxLogin").css("display", "block")
    });
    // 账号登录
    $(".loginDialog .selTitle #telLogin").click(function (e) {
        $(this).addClass("active");
        $(".loginDialog .selTitle #wxLogin").removeClass("active");
        $(".loginDialog .loginMeth div.common").css("display", "none");
        $(".loginDialog .loginMeth .telLogin").css("display", "block");
    });
    // 微信注册
    $(".loginDialog .selTitle #wxZC").click(function () {
        $(this).addClass("active");
        $(".loginDialog .selTitle #telZC").removeClass("active");
        $(".loginDialog .loginMeth div.common").css("display", "none");
        $(".loginDialog .loginMeth .wxReg").css("display", "block");
        var obj = new WxLogin({
            id: "wx_login_reg", //div的id
            appid: "wxcc63fdc2616a1bbf",
            scope: "snsapi_login",
            redirect_uri: "http%3a%2f%2ft.kexuemihe.com%2findex.html", //回调地址(网上搜urlencode编码,把上面的地址编码之后写在这)
            // state: "", //参数，可带可不带(换绑的时候可以用到,假如1是确认身份,2是换给谁)
            // style: "", //样式  提供"black"、"white"可选，默认为黑色文字描述
            href: "data:text/css;base64,LmltcG93ZXJCb3ggLnFyY29kZXsNCiAgICAgICAgICAgIHdpZHRoOiAxNTBweDsNCiAgICAgICAgfQ0KICAgICAgICAuaW1wb3dlckJveCAuaW5mb3sNCiAgICAgICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICB9DQogICAgICAgIC50aXRsZXsNCiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7DQogICAgICAgIH0NCiAgICAgICAgLnN1Y2N7DQogICAgICAgICAgICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7DQogICAgICAgIH0=" //自定义样式链接，第三方可根据实际需求覆盖默认样式。
        });
    })
    // 手机注册
    $(".loginDialog .selTitle #telZC").click(function () {
        $(this).addClass("active");
        $(".loginDialog .selTitle #wxZC").removeClass("active");
        $(".loginDialog .loginMeth div.common").css("display", "none");
        $(".loginDialog .loginMeth .telReg").css("display", "block");
    })

    // 忘记密码
    $(".loginDialog .loginMeth i").click(function () {
        // 有问题
        $(".loginDialog .selTitle div").css("display", "none");
        $(".loginDialog .selTitle .pwdReset").css("display", "block");
        $(".loginDialog .loginMeth div.common").css("display", "none");
        $(".loginDialog .loginMeth .findTel").css("display", "block");
    })
    // 注册按钮 (2个登录页面有)
    $(".loginDialog .loginMeth .regsiBtn").click(function () {
        $(".loginDialog .selTitle div").css("display", "none");
        $(".loginDialog .selTitle .reg").css("display", "block");
        $(".loginDialog .selTitle #telLogin").addClass("active");
        $(".loginDialog .selTitle #wxLogin").removeClass("active");
        $(".loginDialog .loginMeth div.common").css("display", "none");
        $(".loginDialog .loginMeth .telReg").css("display", "block");
    })

    // 登录按钮(2个注册页面有登录和手机找回有)
    $(".loginDialog .loginMeth .loginBtn").click(function () {
        $(".loginDialog .selTitle div").css("display", "none");
        $(".loginDialog .selTitle .login").css("display", "block");
        $(".loginDialog .selTitle #telZC").addClass("active");
        $(".loginDialog .selTitle #wxZC").removeClass("active");
        $(".loginDialog .loginMeth div.common").css("display", "none");
        $(".loginDialog .loginMeth .telLogin").css("display", "block");
    })
    //登录功能页面结束
    // 机构认证页面
    $("#ruzhurenzheng").click(function () {
        let userinfo = extendLocalStorage.get("userinfo");
        if (!userinfo) {
            $(".loginDialog").show(300);
            return false;
        }
        alert("页面正在更新");
        // window.open("organizationIn.html");
    })
    // showKXXHB header右侧机构选择下拉
    $(".showKXXHB").click(async function (e) {
        e.preventDefault();
        let userinfo = extendLocalStorage.get("userinfo");
        if (!$("#listBox ul li")[0]) { //如果有li元素，就证明已发送过这个请求并且已渲染到页面了。所以就不在请求。
            let data = {
                token: userinfo.token
            }
            $.ajax({
                type: "get",
                url: `${testUrl}/platform/organization/my`,
                data: data,
                success: function (res) {
                    if (res.code == 0 || res.data.length == 0) {
                        alert("获取失败");
                        return false;
                    }
                    let organInfo = res.data;
                    $.each(organInfo, function (i, item) {
                        $("#listBox ul").append(`<li logoImg="${item.logo}" org_id="${item.id}">${item.name}</li>`);
                    });
                }
            });
        }
        $(".pullDownList").slideToggle(100);
        $(".pullDownList").unbind().mouseleave(function (e) {
            e.preventDefault();
            e.stopPropagation();
            $(".pullDownList").slideUp(100);
        })
    });
    $("#listBox ul").on('click', 'li', async function () {
        $("#listBox ul li").removeClass("active")
        $(this).addClass("active");
        let org_id = $(this).attr("org_id");
        let text = $(this).text();
        $(".Hleft a").empty();
        $(".showKXXHB span").text(text);
        let saveCurOrgan = {
            name: text,
            org_id,
            status: 2,
        }
        saveCurOrgan = JSON.stringify(saveCurOrgan);
        localStorage.setItem("curOrgan", saveCurOrgan);
        $(".Hleft a").append(`<p id="logoText" org_id=${org_id}>${text}</p>`);
        $(".pullDownList").hide();

    })
    // listBox 移入存放机构列表的盒子，会出先滑动条
    $("#listBox").mouseenter(function () {
        $(this).css("overflow-y", "scroll");
    });
    $("#listBox").mouseleave(function () {
        $(this).css("overflow", "hidden");
    });

    //    上传pptx pdf、文件
    // $("#file-input").change(async function () {
    //     if (!userinfo) {
    //         alert("请先登录")
    //         return false;
    //     }
    //     var formData = new FormData();
    //     formData.append("file", this.files[0]);
    //     console.log(this.files)
    //     formData.append("token", userinfo.token);
    //     $.ajax({
    //         url: 'http://m.kexuemihe.com/platform/hour/upload_file',
    //         /*接口域名地址*/
    //         type: 'post',
    //         data: formData,
    //         contentType: false,
    //         processData: false,
    //         success: function (res) {
    //             alert(res.msg)
    //         }
    //     })
    // })
})